<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>翟天野-个人简历</title>
    <meta name="keywords" content="翟天野,天野,Tianye,zhaitianye" />
    <meta name="description" content="翟天野的个人简历。" />
    <link rel="stylesheet" href="../../css/resume/resume.css">
    <link rel="icon" href="../../images/comm/logo.ico" type="image/x-icon">
</head>

<body>
    <!-- 需要在头部加载的js -->
    <script type="text/javascript" src="../../js/resume/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../js/resume/jquery-ui-1.10.2.custom.min.js"></script>
    <script type="text/javascript" src="../../js/resume/detect-browser-device.js"></script>
    <div id="content" class="content-noscroll">
        <!-- 加载中 -->
        <div id="preloader" class="displaynone">
            <script type="text/javascript" src="../../js/resume/preloader-transparent-or-displaynone.js"></script>
            <div id="preloader-banner-container">
                <div id="preloader-banner">
                    <div id="preloader-banner-left"></div>
                    <div id="preloader-banner-middle">
                        <div id="preloader-banner-text-a">加载中</div>
                        <div id="preloader-dots" class="preloader-dots-animation"></div>
                    </div>
                    <div id="preloader-banner-right"></div>
                </div>
            </div>
            <script type="text/javascript" src="../../js/resume/preloader.js"></script>
        </div>
        <!-- 加载中结束 -->
        <div id="page"></div>
        <div id="container" class="displaynone">
            <script type="text/javascript" src="../../js/resume/container-transparent-or-displaynone.js"></script>
            <div id="layer-vertical-1" class="layer-vertical">
                <div id="cloud-5" class="cloud"></div>
                <div id="cloud-6" class="cloud"></div>
                <div id="cloud-7" class="cloud"></div>
                <div id="cloud-8" class="cloud"></div>
                <div id="cloud-9" class="cloud"></div>
            </div>
            <div id="layer-vertical-2" class="layer-vertical">
                <div id="ground-and-grass-container-2">
                    <div class="ground"></div>
                    <div class="grass"></div>
                    <div id="waterfall-1" class="waterfall"></div>
                    <div id="waterfall-2" class="waterfall"></div>
                </div>
            </div>
            <div id="layer-horizontal-1" class="layer-horizontal">
                <div id="cloud-1" class="cloud"></div>
                <div id="cloud-2" class="cloud"></div>
                <div id="cloud-3" class="cloud"></div>
                <div id="cloud-4" class="cloud"></div>
                <div id="sea-layer-horizontal-1" class="sea">
                    <div class="sea-seal"></div>
                </div>
                <div id="coral-big-1" class="coral-big"></div>
                <div id="coral-big-2" class="coral-big"></div>
            </div>
            <div id="layer-horizontal-2" class="layer-horizontal">
                <div id="mountain-1" class="mountain"></div>
                <div id="mountain-2" class="mountain"></div>
                <div id="coral-1" class="coral-a"></div>
                <div id="coral-2" class="coral-b"></div>
                <div id="coral-3" class="coral-a"></div>
                <div id="crane-1" class="crane"></div>
                <div id="hangar">
                    <div id="hangar-door"></div>
                    <div id="hangar-window"></div>
                    <div id="hangar-roof"></div>
                </div>
                <div id="crane-2" class="crane"></div>
            </div>
            <div id="layer-horizontal-3" class="layer-horizontal">
                <div id="plants-container">
                    <div id="plant-text-1" class="plant-text">完全精通</div>
                    <div id="plant-text-2" class="plant-text">擅长领域</div>
                    <div id="plant-text-3" class="plant-text">熟练掌握</div>
                    <div id="plant-text-4" class="plant-text">熟悉</div>
                    <div id="plant-text-5" class="plant-text">了解</div>
                    <div id="plant-line-1" class="plant-line"></div>
                    <div id="plant-line-2" class="plant-line"></div>
                    <div id="plant-line-3" class="plant-line"></div>
                    <div id="plant-line-4" class="plant-line"></div>
                    <div id="plant-line-5" class="plant-line"></div>
                    <div id="plant-1" class="plant">
                        <div class="plant-stalk"></div>
                        <div class="plant-head-leaves"></div>
                    </div>
                    <div id="plant-2" class="plant">
                        <div class="plant-stalk"></div>
                        <div class="plant-head-leaves"></div>
                    </div>
                    <div id="plant-3" class="plant">
                        <div class="plant-stalk"></div>
                        <div class="plant-head-leaves"></div>
                    </div>
                    <div id="plant-4" class="plant">
                        <div class="plant-stalk"></div>
                        <div class="plant-head-leaves"></div>
                    </div>
                    <div id="plant-ribbon-container">
                        <div id="plant-ribbon-1" class="plant-ribbon">
                            <div class="plant-ribbon-left"></div>
                            <div class="plant-ribbon-middle">编码</div>
                            <div class="plant-ribbon-right"></div>
                        </div>
                        <div id="plant-ribbon-2" class="plant-ribbon">
                            <div class="plant-ribbon-left"></div>
                            <div class="plant-ribbon-middle">规范</div>
                            <div class="plant-ribbon-right"></div>
                        </div>
                        <div id="plant-ribbon-3" class="plant-ribbon">
                            <div class="plant-ribbon-left"></div>
                            <div class="plant-ribbon-middle">产品</div>
                            <div class="plant-ribbon-right"></div>
                        </div>
                        <div id="plant-ribbon-4" class="plant-ribbon">
                            <div class="plant-ribbon-left"></div>
                            <div class="plant-ribbon-middle">管理</div>
                            <div class="plant-ribbon-right"></div>
                        </div>
                    </div>
                    <div class="ribbon-container">
                        <div class="ribbon-relative">
                            <div class="ribbon-left"></div>
                            <div class="ribbon-middle">多领域技术体系</div>
                            <div class="ribbon-right"></div>
                        </div>
                    </div>
                </div>
                <div id="elevation-1" class="elevation">
                    <div class="ground"></div>
                    <div class="grass"></div>
                </div>
                <div id="tree-9" class="tree-bright-a"></div>
                <div id="tree-10" class="tree-dark-c"></div>
                <div id="title-about"></div>
                <div id="tree-7" class="tree-dark-a"></div>
                <div id="tree-8" class="tree-bright-a"></div>
                <div id="gate-1" class="gate">
                    <div id="gate-text-1" class="gate-text">第1关</div>
                </div>
                <div id="gate-2" class="gate">
                    <div id="gate-text-2" class="gate-text">第2关</div>
                </div>
                <div id="nba-container">
                    <div id="tree-20" class="tree-bright-b"></div>
                    <div id="tree-21" class="tree-dark-d"></div>
                    <div id="tree-22" class="tree-bright-b"></div>
                    <div id="tree-23" class="tree-dark-b"></div>
                    <div id="tree-24" class="tree-bright-e"></div>
                    <div id="tree-25" class="tree-dark-b"></div>
                    <div id="nba-rim-container">
                        <div id="nba-rim"></div>
                    </div>
                    <div id="nba-board-1" class="nba-board-blue">
                        <div class="nba-text-container">
                            <div class="nba-text">我</div>
                        </div>
                    </div>
                    <div id="nba-board-2" class="nba-board-blue">
                        <div class="nba-text-container">
                            <div class="nba-text">最</div>
                        </div>
                    </div>
                    <div id="nba-board-3" class="nba-board-blue">
                        <div class="nba-text-container">
                            <div class="nba-text">爱</div>
                        </div>
                    </div>
                    <div id="nba-board-4" class="nba-board-red">
                        <div class="nba-text-container">
                            <div class="nba-text">打</div>
                        </div>
                    </div>
                    <div id="nba-board-5" class="nba-board-red">
                        <div class="nba-text-container">
                            <div class="nba-text">蓝</div>
                        </div>
                    </div>
                    <div id="nba-board-6" class="nba-board-red">
                        <div class="nba-text-container">
                            <div class="nba-text">球</div>
                        </div>
                    </div>
                    <div id="nba-player-container">
                        <div id="nba-player">
                            <div id="nba-player-frame"></div>
                            <div id="nba-player-eyes"></div>
                        </div>
                    </div>
                    <div id="nba-ball"></div>
                    <div class="ribbon-container">
                        <div class="ribbon-relative">
                            <div class="ribbon-left"></div>
                            <div class="ribbon-middle">爱好运动</div>
                            <div class="ribbon-right"></div>
                        </div>
                    </div>
                </div>
                <div id="buildings-container">
                    <div id="tree-11" class="tree-bright-b"></div>
                    <div id="tree-12" class="tree-dark-b"></div>
                    <div id="tree-13" class="tree-bright-b"></div>
                    <div id="tree-14" class="tree-dark-b"></div>
                    <div id="tree-15" class="tree-bright-b"></div>
                    <div id="tree-16" class="tree-dark-b"></div>
                    <div id="tree-17" class="tree-bright-b"></div>
                    <div id="tree-18" class="tree-dark-b"></div>
                    <div id="tree-19" class="tree-bright-b"></div>
                    <div id="building-1" class="building" style="height: 700px;">
                        <div class="building-enemy-face-a" style="top: 590px;">
                            <div class="building-enemy-face-a-eyes"></div>
                        </div>
                        <div id="building-leg-container-1" class="building-leg-container-a" style="top: 670px;">
                            <div id="building-1-leg-frame" class="building-leg-frame-a"></div>
                        </div>
                    </div>
                    <div id="building-2" class="building">
                        <div class="building-enemy-face-b">
                            <div class="building-enemy-face-b-eyes"></div>
                        </div>
                        <div id="building-leg-container-2" class="building-leg-container-b">
                            <div id="building-2-leg-frame" class="building-leg-frame-b"></div>
                        </div>
                    </div>
                    <div id="building-3" class="building">
                        <div class="building-enemy-face-a">
                            <div class="building-enemy-face-a-eyes"></div>
                        </div>
                        <div id="building-leg-container-3" class="building-leg-container-a">
                            <div id="building-3-leg-frame" class="building-leg-frame-a"></div>
                        </div>
                    </div>
                    <div class="ribbon-container">
                        <div class="ribbon-relative">
                            <div class="ribbon-left"></div>
                            <div class="ribbon-middle">在深圳生活和工作</div>
                            <div class="ribbon-right"></div>
                        </div>
                    </div>
                </div>
                <div id="elevation-2" class="elevation">
                    <div class="ground"></div>
                    <div class="grass"></div>
                </div>
                <div id="ground-and-grass-container-1">
                    <div class="ground"></div>
                    <div class="grass"></div>
                </div>
                <div id="splash-container">
                    <div id="scroll-or-swipe-text-container-1" class="scroll-or-swipe-text-container">用鼠标中键滚轮控制，或用键盘向上向下键控制</div>
                    <div id="scroll-or-swipe-text-container-2" class="scroll-or-swipe-text-container">请左右滑动屏幕(PS:电脑浏览效果更佳)</div>
                    <div id="tree-5" class="tree-bright-d"></div>
                    <div id="tree-6" class="tree-dark-b"></div>
                    <!-- <div id="title-robby"></div> -->
                    <div id="title-leonardi"></div>
                    <div id="tree-1" class="tree-dark-c"></div>
                    <div id="tree-2" class="tree-bright-e"></div>
                    <div id="tree-3" class="tree-dark-b"></div>
                    <div id="tree-4" class="tree-dark-a"></div>
                    <div class="ribbon-container">
                        <div class="ribbon-relative">
                            <div class="ribbon-left"></div>
                            <div class="ribbon-middle">全栈工程师的个人简历</div>
                            <div class="ribbon-right"></div>
                        </div>
                    </div>
                </div>
                <div id="sea-wave-1" class="sea-wave"></div>
                <div id="sea-1" class="sea">
                    <div id="title-skills" class="title-skills-class"></div>
                    <div id="algae-1" class="algae-a"></div>
                    <div id="algae-2" class="algae-b"></div>
                    <div id="algae-3" class="algae-a"></div>
                    <div id="algae-4" class="algae-b"></div>
                    <div id="algae-5" class="algae-b"></div>
                    <div id="algae-6" class="algae-a"></div>
                    <div id="algae-7" class="algae-a"></div>
                    <div id="algae-8" class="algae-b"></div>
                    <!-- 修改这块部分在js里面 -->
                    <div id="skill-1-container">
                        <div class="skill-measurement-1 skill-measurement">
                            <div class="skill-measurement-header">初学</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-2 skill-measurement">
                            <div class="skill-measurement-header">熟悉</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-3 skill-measurement">
                            <div class="skill-measurement-header">掌握</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-4 skill-measurement">
                            <div class="skill-measurement-header">擅长</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-5 skill-measurement">
                            <div class="skill-measurement-header">精通</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div id="fish-text-container">
                            <div id="fish-ribbon-container-1" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">前端</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="fish-ribbon-container-2" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">后台(主Node)</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="fish-ribbon-container-3" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">服务器和云管理</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="fish-ribbon-container-4" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">混合开发</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                        </div>
                        <div id="fishes-container">
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                            <div class="fish">
                                <div class="fish-eyes"></div>
                            </div>
                        </div>
                    </div>
                    <div id="skill-2-container">
                        <div class="skill-measurement-1 skill-measurement">
                            <div class="skill-measurement-header">初学</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-2 skill-measurement">
                            <div class="skill-measurement-header">熟悉</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-3 skill-measurement">
                            <div class="skill-measurement-header">掌握</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-4 skill-measurement">
                            <div class="skill-measurement-header">擅长</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-5 skill-measurement">
                            <div class="skill-measurement-header">精通</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div id="crab-text-container">
                            <div id="crab-ribbon-container-1" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">团队管理</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="crab-ribbon-container-2" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">项目管理</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="crab-ribbon-container-3" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">需求分析</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="crab-ribbon-container-4" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">业务到流程的处理</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                        </div>
                        <div id="crabs-container">
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                            <div class="crab">
                                <div class="crab-eyes"></div>
                            </div>
                        </div>
                    </div>
                    <div id="skill-3-container">
                        <div class="skill-measurement-1 skill-measurement">
                            <div class="skill-measurement-header">初学</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-2 skill-measurement">
                            <div class="skill-measurement-header">熟悉</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-3 skill-measurement">
                            <div class="skill-measurement-header">掌握</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-4 skill-measurement">
                            <div class="skill-measurement-header">擅长</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div class="skill-measurement-5 skill-measurement">
                            <div class="skill-measurement-header">精通</div>
                            <div class="skill-measurement-line"></div>
                        </div>
                        <div id="turtle-text-container">
                            <div id="turtle-ribbon-container-1" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">团队协作</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="turtle-ribbon-container-2" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">编程规范</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="turtle-ribbon-container-3" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">学习能力</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                            <div id="turtle-ribbon-container-4" class="sea-ribbon-container">
                                <div class="sea-ribbon-left"></div>
                                <div class="sea-ribbon-middle">抗压能力</div>
                                <div class="sea-ribbon-right"></div>
                            </div>
                        </div>
                        <div id="turtles-container">
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                            <div class="turtle">
                                <div class="turtle-eyes"></div>
                            </div>
                        </div>
                    </div>
                    <div id="bubble-container">
                        <div id="bubble"></div>
                    </div>
                </div>
                <div id="sea-floor"></div>
                <div id="ribbon-2-1" class="ribbon-absolute">
                    <div class="ribbon-left"></div>
                    <div class="ribbon-middle">基础能力</div>
                    <div class="ribbon-right"></div>
                </div>
                <div id="ribbon-2-2" class="ribbon-absolute">
                    <div class="ribbon-left"></div>
                    <div class="ribbon-middle">管理能力</div>
                    <div class="ribbon-right"></div>
                </div>
                <div id="ribbon-2-3" class="ribbon-absolute">
                    <div class="ribbon-left"></div>
                    <div class="ribbon-middle">其他能力</div>
                    <div class="ribbon-right"></div>
                </div>
                <div id="panel-and-floor-container">
                    <div id="panel"></div>
                    <div id="floor"></div>
                </div>
                <div id="title-experience"></div>
                <div id="boxes"></div>
                <div id="experience-1-container">
                    <div class="chain-block-and-string-container">
                        <div class="chain-block-string"></div>
                        <div class="chain-block"></div>
                    </div>
                    <div id="experience-text-container-1" class="experience-text-container">
                        <div class="experience-text-a">2016年10月 - 2017年7月</div>
                        <div class="experience-text-b">前端工程师</div>
                        <!-- <div class="experience-text-d">web前端工程师。</div> -->
                    </div>
                    <div id="robot">
                        <div id="robot-body"></div>
                        <div id="robot-hand-left">
                            <div class="robot-hand-a"></div>
                            <div class="robot-hand-b"></div>
                            <div class="robot-hand-c"></div>
                            <div class="robot-hand-d"></div>
                        </div>
                        <div id="robot-hand-right">
                            <div class="robot-hand-a"></div>
                            <div class="robot-hand-b"></div>
                            <div class="robot-hand-c"></div>
                            <div class="robot-hand-d"></div>
                        </div>
                        <div id="piechart-aol" class="piechart">
                            <div class="piechart-back"></div>
                            <div id="piechart-aol-text-graphic-1" class="piechart-text-c">开发</div>
                            <div id="piechart-aol-text-graphic-2" class="piechart-text-d">100%</div>
                        </div>
                    </div>
                    <div class="ribbon-container">
                        <div class="ribbon-relative">
                            <div class="ribbon-left"></div>
                            <div class="ribbon-middle">入门起家</div>
                            <div class="ribbon-right"></div>
                        </div>
                    </div>
                </div>
                <div id="elevation-3" class="elevation">
                    <div class="elevation-box"></div>
                    <div class="elevation-floor"></div>
                </div>
                <div id="experience-2-container">
                    <div class="chain-block-and-string-container">
                        <div class="chain-block-string"></div>
                        <div class="chain-block"></div>
                    </div>
                    <div id="experience-text-container-2" class="experience-text-container">
                        <div class="experience-text-a">2017年8月 - 2018年6月</div>
                        <div class="experience-text-b">全栈工程师-偏前端</div>
                        <!-- <div class="experience-text-c">带领团队开发整套网站前台</div> -->
                    </div>
                    <div id="squid">
                        <div id="squid-hand-open-1" class="squid-hand-open"></div>
                        <div id="squid-hand-open-2" class="squid-hand-open"></div>
                        <div id="squid-hand-open-3" class="squid-hand-open"></div>
                        <div id="squid-hand-open-4" class="squid-hand-open"></div>
                        <div id="squid-hand-close-1" class="squid-hand-close"></div>
                        <div id="squid-hand-close-2" class="squid-hand-close"></div>
                        <div id="squid-hand-close-3" class="squid-hand-close"></div>
                        <div id="squid-hand-close-4" class="squid-hand-close"></div>
                        <div id="squid-body"></div>
                        <div id="piechart-incognito" class="piechart">
                            <div class="piechart-back"></div>
                            <div id="piechart-incognito-front"></div>
                            <div id="piechart-incognito-text-graphic-1" class="piechart-text-a">管理</div>
                            <div id="piechart-incognito-text-graphic-2" class="piechart-text-b">15%</div>
                            <div id="piechart-incognito-text-animation-1" class="piechart-text-c">编码</div>
                            <div id="piechart-incognito-text-animation-2" class="piechart-text-d">70%</div>
                            <div id="piechart-incognito-text-code-1" class="piechart-text-a">产品</div>
                            <div id="piechart-incognito-text-code-2" class="piechart-text-b">15%</div>
                        </div>
                    </div>
                    <div class="ribbon-container">
                        <div class="ribbon-relative">
                            <div class="ribbon-left"></div>
                            <div class="ribbon-middle">工作经验和能力的高速增长期</div>
                            <div class="ribbon-right"></div>
                        </div>
                    </div>
                </div>
                <div id="elevation-4" class="elevation">
                    <div class="elevation-box"></div>
                    <div class="elevation-floor"></div>
                </div>
                <div id="experience-3-container">
                    <div class="chain-block-and-string-container">
                        <div class="chain-block-string"></div>
                        <div class="chain-block"></div>
                    </div>
                    <div id="experience-text-container-3" class="experience-text-container">
                        <div class="experience-text-a">2018年7月 - 目前</div>
                        <div class="experience-text-b">全栈工程师-NodeJS方向</div>
                        <!-- <div class="experience-text-e">全栈工程师-NodeJS方向</div> -->
                    </div>
                    <div id="alien">
                        <div id="alien-body"></div>
                        <div id="alien-steer"></div>
                        <div id="alien-ship"></div>
                        <div id="piechart-foxnews" class="piechart">
                            <div class="piechart-back"></div>
                            <div id="piechart-foxnews-front" class="piechart-foxnews-front2"></div>
                            <div id="piechart-foxnews-text-graphic-1" class="piechart-text-c">编码</div>
                            <div id="piechart-foxnews-text-graphic-2" class="piechart-text-d">50%</div>
                            <div id="piechart-foxnews-text-animation-1" class="piechart-text-a">管理</div>
                            <div id="piechart-foxnews-text-animation-2" class="piechart-text-b">30%</div>
                            <div id="piechart-foxnews-text-code-1" class="piechart-text-a">产品</div>
                            <div id="piechart-foxnews-text-code-2" class="piechart-text-b">20%</div>
                        </div>
                    </div>
                    <div class="ribbon-container">
                        <div class="ribbon-relative">
                            <div class="ribbon-left"></div>
                            <div class="ribbon-middle">最近的工作，方法论的沉淀</div>
                            <div class="ribbon-right"></div>
                        </div>
                    </div>
                </div>
                <div id="gate-3" class="gate">
                    <div id="gate-text-3" class="gate-text">第3关</div>
                </div>
                <div id="title-awards-and"></div>
                <div id="title-publication"></div>
                <div id="gate-4" class="gate">
                    <div id="gate-text-4" class="gate-text">第4关</div>
                </div>
                <div id="dock-column"></div>
                <div id="sea-wave-2" class="sea-wave"></div>
                <div id="sea-2" class="sea"></div>
                <div id="dock-floor"></div>
            </div>
            <div id="layer-vertical-3" class="layer-vertical">
                <div id="banners-container">
                    <div class="banner">
                        <div class="banner-top-a"></div>
                        <div class="banner-middle-a">
                            <div class="banner-text-a">2019年10月 - 2023年5月</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-b">深圳井通至尚科技有限公司</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-c">区块链相关业务</div>
                        </div>
                        <div class="banner-bottom-a"></div>
                    </div>
                    <div class="banner">
                        <div class="banner-top-a"></div>
                        <div class="banner-middle-a">
                            <div class="banner-text-a">2019年4月 - 2019年10月</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-b">爱创国际互联网</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-c">爱创相关业务</div>
                        </div>
                        <div class="banner-bottom-a"></div>
                    </div>
                    <div class="banner">
                        <div class="banner-top-b"></div>
                        <div class="banner-middle-b">
                            <div class="banner-text-a">2018年7月-2019年4月</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-b">香港联合出版集团</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-c">集团旗下相关业务</div>
                        </div>
                        <div class="banner-bottom-b"></div>
                    </div>
                    <div class="banner">
                        <div class="banner-top-a"></div>
                        <div class="banner-middle-a">
                            <div class="banner-text-a">2017年7月 - 2018年6月</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-b">深圳碧沙科技</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-c">碧沙科技相关业务</div>
                        </div>
                        <div class="banner-bottom-a"></div>
                    </div>
                    <div class="banner">
                        <div class="banner-top-b"></div>
                        <div class="banner-middle-b">
                            <div class="banner-text-a">2015年10月 - 2017年6月</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-b">北京清蓝集团</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-c">矿业圈与亚太金融小镇的开发</div>
                        </div>
                        <div class="banner-bottom-b"></div>
                    </div>
                    <div class="banner">
                        <div class="banner-top-a"></div>
                        <div class="banner-middle-a">
                            <div class="banner-text-a">2015年5月 - 2015年10月</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-b">搭建自己的网站</div>
                            <div class="banner-line"></div>
                            <div class="banner-text-c">使用阿里云ECS，搭建博客和主页</div>
                        </div>
                        <div class="banner-bottom-a"></div>
                    </div>

                </div>
            </div>
            <div id="fireworks-container">
                <div id="firework-container-1" class="firework-container">
                    <div class="firework"></div>
                </div>
                <div id="firework-container-2" class="firework-container">
                    <div class="firework"></div>
                </div>
                <div id="firework-container-3" class="firework-container">
                    <div class="firework"></div>
                </div>
                <div id="firework-container-4" class="firework-container">
                    <div class="firework"></div>
                </div>
                <div id="firework-container-5" class="firework-container">
                    <div class="firework"></div>
                </div>
                <div id="firework-container-6" class="firework-container">
                    <div class="firework"></div>
                </div>
            </div>
            <div id="robby-container">
                <div id="robby">
                    <div id="robby-slides"></div>
                    <div id="robby-eyes-close"></div>
                </div>
            </div>
            <div id="balloon"></div>
            <div id="contact-container">
                <div id="contact-center">
                    <div id="title-contact"></div>
                    <div id="contact-box">
                        <div id="contact-box-email">
                            <input type="text" name="email-address" id="email-address" value="1048972989@qq.com" disabled="" maxlength="75" />
                        </div>
                        <div id="contact-box-subject">
                            <input type="text" name="email-subject" id="email-subject" value="zhaitianye8888" disabled="" maxlength="150" />
                        </div>
                        <div id="contact-box-message">
                            <textarea name="email-message" disabled="" id="email-message">狼性精神爱好者，严格代码标准癖好者，拥有严谨和复杂的逻辑处理能力。一切为了客户，从客户和市场的需求出发。为人诚恳、乐观、实事求是并具有较强的管理策划与组织管理协调能力。希望在以后遇到有梦想的合作者。</textarea>
                        </div>
                    </div>
                    <div id="contact-button">
                        <!-- <input type="image" src="../../images/resume/contact-button.png" value="submit" id="send-email" name="send-email"/> -->
                    </div>
                </div>
                <div id="social-container">
                    <div id="social-top"></div>
                    <div id="social-middle" class='a-share2'>
                        <div id="social-facebook" class="social-icon"> <a href="http://blog.zhaitianye.com/" target="_black"> <img src="../../images/resume/social-blog.png"/> </a> </div>
                        <div id="social-twitter" class="social-icon"> <a href="https://github.com/zhaitianye" target="_black"> <img src="../../images/resume/social-github.png"/> </a> </div>
                    </div>
                    <div id="social-bottom"></div>
                </div>
                <div class="contact-confirmation-container">
                    <div class="contact-confirmation">
                        <div class="contact-confirmation-rectangle"></div>
                        <div class="contact-confirmation-triangle"></div>
                        <div class="contact-confirmation-title-b">错误</div>
                        <div class="contact-confirmation-text-b">Please enter a valid email address!</div>
                    </div>
                </div>
                <div class="contact-confirmation-container">
                    <div class="contact-confirmation">
                        <div class="contact-confirmation-rectangle"></div>
                        <div class="contact-confirmation-triangle"></div>
                        <div class="contact-confirmation-title-b">错误</div>
                        <div class="contact-confirmation-text-b">Please fill out all of the information!</div>
                    </div>
                </div>
                <div class="contact-confirmation-container">
                    <div class="contact-confirmation">
                        <div class="contact-confirmation-rectangle"></div>
                        <div class="contact-confirmation-triangle"></div>
                        <div class="contact-confirmation-text-d">Sending...</div>
                    </div>
                </div>
                <div class="contact-confirmation-container">
                    <div class="contact-confirmation">
                        <div class="contact-confirmation-rectangle"></div>
                        <div class="contact-confirmation-triangle"></div>
                        <div class="contact-confirmation-title-b">ERROR</div>
                        <div class="contact-confirmation-text-c">Something wrong. Please try again!</div>
                    </div>
                </div>
                <div class="contact-confirmation-container">
                    <div class="contact-confirmation">
                        <div class="contact-confirmation-rectangle"></div>
                        <div class="contact-confirmation-triangle"></div>
                        <div class="contact-confirmation-title-a">THANK YOU</div>
                        <div class="contact-confirmation-text-a">Your message has been sent. I will get back to you as soon as possible!</div>
                    </div>
                </div>
                <div id="contact-cloud-top"></div>
                <div id="contact-cloud-bottom"></div>
                <div id="contact-cloud-middle">
                    <div id="contact-cloud-seal-top"></div>
                    <div id="contact-cloud-seal-bottom"></div>
                </div>
            </div>
            <!--<div id="detect-container">
            <div id="detect-name-1" class="detect-name">container height</div>
            <div id="detect-value-1" class="detect-value"></div>
            <div id="detect-name-2" class="detect-name">layer vertical 3 height</div>
            <div id="detect-value-2" class="detect-value"></div>
            <br />
        </div>-->
        </div>
    </div>
    <script type="text/javascript" src="../../js/resume/email.js"></script>
    <script type="text/javascript" src="../../js/resume/main.js"></script>
    <script type="text/javascript" src='../../js/resume/ga.js'></script>
    <script>
    var shares_wb = 138;
    </script>
    <span id='pageendflag'></span>
</body>

</html>